<!--
  @author tanghongjun
  @since 2018/10/19 08:59
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common :: jscss">
    <title>产品描述</title>
</head>
<body>
<div class="layui-fluid">
    <blockquote class="layui-crumb">
        前台产品>产品管理>
        <a lay-href="/tariffProduct/list.action">前台产品管理</a>>
        <a th:href="'/tariffProduct/addEditView.action?productId='+${servProductVO.productId}">[[${servProductVO.name}]]</a>>
        <zmn>产品图片</zmn>
    </blockquote>

    <div class="layui-card">
        <div th:replace="product/tariff/_tab::tab"></div>

        <div class="layui-card-body">

            <form method="post" action="" class="layui-form" lay-filter="zmn-form">
                <input type="hidden" name="productId" th:value="${servProductVO.productId}"/>
                <input type="hidden" name="productPictureId" th:value="${servProductPicture.productPictureId}"/>

                <div class="layui-card-header" style="margin-top:10px;"><b>产品小图</b>
                <div style="display: inline-block; margin-left: 40px;color: #999 !important;">用于产品列表页</div>
                </div>
                <div class="layui-split">&nbsp;</div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-inline">
                            <!--                            <label class="layui-form-label"><span style="color: red"></span></label>-->
                            <div class="layui-upload-drag" id="smallPicture">
                                <input type="hidden" id="smallPictureValue" name="smallPicture">
                                <i class="layui-icon"></i>
                                <p>点击上传小图</p>
                                <p>建议尺寸：336*360</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('smallPictureValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('smallPicture')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.smallPictureDesc==null?'':servProductPicture.smallPictureDesc}" placeholder="图片描述" style="height: 28px;width: 140px;" type="text" name="smallPictureDesc" autocomplete="off"/>
                                    <!--<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"-->
                                           <!--onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.smallPictureSort==null?'':servProductPicture.smallPictureSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="smallPictureSort" autocomplete="off"/>-->
                                    <!--                                <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-card-header" style="margin-top:10px;"><b>产品中图</b>
                    <div style="display: inline-block; margin-left: 40px;color: #999 !important;">用于产品详情页</div>
                </div>
                <div class="layui-split">&nbsp;</div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-inline">
                            <div class="layui-upload-drag" id="middlePictureOne">
                                <input type="hidden" id="middlePictureOneValue" name="middlePictureOne">
                                <i class="layui-icon"></i>
                                <p>点击上传产品中图1</p>
                                <p>建议尺寸：750*400</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('middlePictureOneValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('middlePictureOne')"  class="layui-icon layui-icon-delete btn-del funcClass"></i>
                                <br>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.middlePictureOneDesc==null?'':servProductPicture.middlePictureOneDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="middlePictureOneDesc" autocomplete="off"/>
                                </div>
                            </div>
                        </div>


                        <div class="layui-inline">
                            <div class="layui-upload-drag" id="middlePictureTwo">
                                <input type="hidden" id="middlePictureTwoValue" name="middlePictureTwo">
                                <i class="layui-icon"></i>
                                <p>点击上传产品中图2</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('middlePictureTwoValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('middlePictureTwo')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.middlePictureTwoDesc==null?'':servProductPicture.middlePictureTwoDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="middlePictureTwoDesc" autocomplete="off"/>
                                </div>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <div class="layui-upload-drag" id="middlePictureThree">
                                <input type="hidden" id="middlePictureThreeValue" name="middlePictureThree">
                                <i class="layui-icon"></i>
                                <p>点击上传产品中图3</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('middlePictureThreeValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('middlePictureThree')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.middlePictureThreeDesc==null?'':servProductPicture.middlePictureThreeDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="middlePictureThreeDesc" autocomplete="off"/>
                                </div>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <div class="layui-upload-drag" id="middlePictureFour">
                                <input type="hidden" id="middlePictureFourValue" name="middlePictureFour">
                                <i class="layui-icon"></i>
                                <p>点击上传产品中图4</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('middlePictureFourValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('middlePictureFour')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.middlePictureFourDesc==null?'':servProductPicture.middlePictureFourDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="middlePictureFourDesc" autocomplete="off"/>
                                </div>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <div class="layui-upload-drag" id="middlePictureFive">
                                <input type="hidden" id="middlePictureFiveValue" name="middlePictureFive">
                                <i class="layui-icon"></i>
                                <p>点击上传产品中图5</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('middlePictureFiveValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('middlePictureFive')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.middlePictureFiveDesc==null?'':servProductPicture.middlePictureFiveDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="middlePictureFiveDesc" autocomplete="off"/>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="layui-card-header" style="margin-top:10px;"><b>产品大图</b>
                    <div style="display: inline-block; margin-left: 40px;color: #999 !important;">用于产品详情页，至少上传1张</div>
                </div>
                <div class="layui-split">&nbsp;</div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-inline">
                            <!--                            <label class="layui-form-label"><span style="color: red"></span></label>-->
                            <div class="layui-upload-drag" id="bigPictureOne">
                                <input type="hidden" id="bigPictureOneValue" name="bigPictureOne">
                                <i class="layui-icon"></i>
                                <p>点击上传产品大图1</p>
                                <p>建议尺寸：750*650</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('bigPictureOneValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('bigPictureOne')"  class="layui-icon layui-icon-delete btn-del funcClass"></i>
                                <br>
                                <!--<p><b>产品大图</b></p>-->
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.bigPictureOneDesc==null?'':servProductPicture.bigPictureOneDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="bigPictureOneDesc" autocomplete="off"/>
                                    <!--<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"-->
                                           <!--onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.bigPictureOneSort==null?'':servProductPicture.bigPictureOneSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="bigPictureOneSort" autocomplete="off"/>-->
                                    <!--&lt;!&ndash;                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>&ndash;&gt;-->
                                </div>
                            </div>
                        </div>


                        <div class="layui-inline">
                            <!--                            <label class="layui-form-label"><span style="color: red"></span></label>-->
                            <div class="layui-upload-drag" id="bigPictureTwo">
                                <input type="hidden" id="bigPictureTwoValue" name="bigPictureTwo">
                                <i class="layui-icon"></i>
                                <p>点击上传产品大图2</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('bigPictureTwoValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('bigPictureTwo')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.bigPictureTwoDesc==null?'':servProductPicture.bigPictureTwoDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="bigPictureTwoDesc" autocomplete="off"/>
                                    <!--<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"-->
                                           <!--onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.bigPictureTwoSort==null?'':servProductPicture.bigPictureTwoSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="bigPictureTwoSort" autocomplete="off"/>-->
                                    <!--                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>-->
                                </div>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <!--                            <label class="layui-form-label"><span style="color: red"></span></label>-->
                            <div class="layui-upload-drag" id="bigPictureThree">
                                <input type="hidden" id="bigPictureThreeValue" name="bigPictureThree">
                                <i class="layui-icon"></i>
                                <p>点击上传产品大图3</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('bigPictureThreeValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('bigPictureThree')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.bigPictureThreeDesc==null?'':servProductPicture.bigPictureThreeDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="bigPictureThreeDesc" autocomplete="off"/>
                                    <!--<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"-->
                                           <!--onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.bigPictureThreeSort==null?'':servProductPicture.bigPictureThreeSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="bigPictureThreeSort" autocomplete="off"/>-->
                                    <!--                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>-->
                                </div>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <!--                            <label class="layui-form-label"><span style="color: red"></span></label>-->
                            <div class="layui-upload-drag" id="bigPictureFour">
                                <input type="hidden" id="bigPictureFourValue" name="bigPictureFour">
                                <i class="layui-icon"></i>
                                <p>点击上传产品大图4</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('bigPictureFourValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('bigPictureFour')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.bigPictureFourDesc==null?'':servProductPicture.bigPictureFourDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="bigPictureFourDesc" autocomplete="off"/>
                                    <!--<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"-->
                                           <!--onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.bigPictureFourSort==null?'':servProductPicture.bigPictureFourSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="bigPictureFourSort" autocomplete="off"/>-->
                                    <!--                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>-->
                                </div>
                            </div>
                        </div>

                        <div class="layui-inline">
                            <!--                            <label class="layui-form-label"><span style="color: red"></span></label>-->
                            <div class="layui-upload-drag" id="bigPictureFive">
                                <input type="hidden" id="bigPictureFiveValue" name="bigPictureFive">
                                <i class="layui-icon"></i>
                                <p>点击上传产品大图5</p>
                            </div>
                            <div class="layui-inline">
                                <i onclick="previewImg('bigPictureFiveValue')" class="layui-icon layui-icon-search btn-review"></i>
                                <br>
                                <i onclick="deleteImg('bigPictureFive')" class="layui-icon layui-icon-delete btn-del"></i>
                            </div>
                            <div class="layui-split">&nbsp;</div>
                            <div class="layui-inline" style="width: 280px">
                                <div class="layui-input-inline" style="width: 280px">
                                    <input th:value="${servProductPicture.bigPictureFiveDesc==null?'':servProductPicture.bigPictureFiveDesc}" placeholder="图片描述" style="height: 28px;width: 140px;padding-right:40px;" type="text" name="bigPictureFiveDesc" autocomplete="off"/>
                                    <!--<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"-->
                                           <!--onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.bigPictureFiveSort==null?'':servProductPicture.bigPictureFiveSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="bigPictureFiveSort" autocomplete="off"/>-->
                                    <!--                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>-->
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <!--<div class="layui-card-header" style="margin-top:10px;"><b>服务流程</b>-->
                    <!--<div style="display: inline-block; margin-left: 40px;color: #999 !important;">用于产品详情页</div>-->
                <!--</div>-->
                <!--<div class="layui-split">&nbsp;</div>-->

                <!--<div class="layui-form-item">-->
                    <!--<div class="layui-inline">-->
                        <!--<div class="layui-inline">-->
                            <!--&lt;!&ndash;                            <label class="layui-form-label"><span style="color: red"></span></label>&ndash;&gt;-->
                            <!--<div class="layui-upload-drag" id="showServiceProcessPictureOne">-->
                                <!--<input type="hidden" id="showServiceProcessPictureOneValue" name="showServiceProcessPictureOne">-->
                                <!--<i class="layui-icon"></i>-->
                                <!--<p>点击上传服务流程图1</p>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<i onclick="previewImg('showServiceProcessPictureOneValue')" class="layui-icon layui-icon-search btn-review"></i>-->
                                <!--<br>-->
                                <!--<i onclick="deleteImg('showServiceProcessPictureOne')"  class="layui-icon layui-icon-delete btn-del funcClass"></i>-->
                                <!--<br>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<p><b>></b></p>-->
                            <!--</div>-->
                            <!--<div class="layui-split">&nbsp;</div>-->
                            <!--<div class="layui-inline" style="width: 230px">-->
                                <!--<div class="layui-input-inline" style="width: 230px">-->
                                    <!--<input th:value="${servProductPicture.showServiceProcessPictureOneDesc==null?'':servProductPicture.showServiceProcessPictureOneDesc}" placeholder="图片描述" style="height: 28px;width: 180px;padding-right:10px;" type="text" name="showServiceProcessPictureOneDesc" autocomplete="off"/>-->
                                    <!--&lt;!&ndash;<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"&ndash;&gt;-->
                                           <!--&lt;!&ndash;onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.showServiceProcessPictureOneSort==null?'':servProductPicture.showServiceProcessPictureOneSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="showServiceProcessPictureOneSort" autocomplete="off"/>&ndash;&gt;-->
                                    <!--&lt;!&ndash;                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>&ndash;&gt;-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->


                        <!--<div class="layui-inline">-->
                            <!--&lt;!&ndash;                            <label class="layui-form-label"><span style="color: red"></span></label>&ndash;&gt;-->
                            <!--<div class="layui-upload-drag" id="showServiceProcessPictureTwo">-->
                                <!--<input type="hidden" id="showServiceProcessPictureTwoValue" name="showServiceProcessPictureTwo">-->
                                <!--<i class="layui-icon"></i>-->
                                <!--<p>点击上传服务流程图2</p>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<i onclick="previewImg('showServiceProcessPictureTwoValue')" class="layui-icon layui-icon-search btn-review"></i>-->
                                <!--<br>-->
                                <!--<i onclick="deleteImg('showServiceProcessPictureTwo')" class="layui-icon layui-icon-delete btn-del"></i>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<p><b>></b></p>-->
                            <!--</div>-->
                            <!--<div class="layui-split">&nbsp;</div>-->
                            <!--<div class="layui-inline" style="width: 230px">-->
                                <!--<div class="layui-input-inline" style="width: 230px">-->
                                    <!--<input th:value="${servProductPicture.showServiceProcessPictureTwoDesc==null?'':servProductPicture.showServiceProcessPictureTwoDesc}" placeholder="图片描述" style="height: 28px;width: 180px;padding-right:10px;" type="text" name="showServiceProcessPictureTwoDesc" autocomplete="off"/>-->
                                    <!--&lt;!&ndash;<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"&ndash;&gt;-->
                                           <!--&lt;!&ndash;onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.showServiceProcessPictureTwoSort==null?'':servProductPicture.showServiceProcessPictureTwoSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="showServiceProcessPictureTwoSort" autocomplete="off"/>&ndash;&gt;-->
                                    <!--&lt;!&ndash;                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>&ndash;&gt;-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->

                        <!--<div class="layui-inline">-->
                            <!--&lt;!&ndash;                            <label class="layui-form-label"><span style="color: red"></span></label>&ndash;&gt;-->
                            <!--<div class="layui-upload-drag" id="showServiceProcessPictureThree">-->
                                <!--<input type="hidden" id="showServiceProcessPictureThreeValue" name="showServiceProcessPictureThree">-->
                                <!--<i class="layui-icon"></i>-->
                                <!--<p>点击上传服务流程图3</p>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<i onclick="previewImg('showServiceProcessPictureThreeValue')" class="layui-icon layui-icon-search btn-review"></i>-->
                                <!--<br>-->
                                <!--<i onclick="deleteImg('showServiceProcessPictureThree')" class="layui-icon layui-icon-delete btn-del"></i>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<p><b>></b></p>-->
                            <!--</div>-->
                            <!--<div class="layui-split">&nbsp;</div>-->
                            <!--<div class="layui-inline" style="width: 230px">-->
                                <!--<div class="layui-input-inline" style="width: 230px">-->
                                    <!--<input th:value="${servProductPicture.showServiceProcessPictureThreeDesc==null?'':servProductPicture.showServiceProcessPictureThreeDesc}" placeholder="图片描述" style="height: 28px;width: 180px;padding-right:10px;" type="text" name="showServiceProcessPictureThreeDesc" autocomplete="off"/>-->
                                    <!--&lt;!&ndash;<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"&ndash;&gt;-->
                                           <!--&lt;!&ndash;onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.showServiceProcessPictureThreeSort==null?'':servProductPicture.showServiceProcessPictureThreeSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="showServiceProcessPictureThreeSort" autocomplete="off"/>&ndash;&gt;-->
                                    <!--&lt;!&ndash;                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>&ndash;&gt;-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->

                        <!--<div class="layui-inline">-->
                            <!--&lt;!&ndash;                            <label class="layui-form-label"><span style="color: red"></span></label>&ndash;&gt;-->
                            <!--<div class="layui-upload-drag" id="showServiceProcessPictureFour">-->
                                <!--<input type="hidden" id="showServiceProcessPictureFourValue" name="showServiceProcessPictureFour">-->
                                <!--<i class="layui-icon"></i>-->
                                <!--<p>点击上传服务流程图4</p>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<i onclick="previewImg('showServiceProcessPictureFourValue')" class="layui-icon layui-icon-search btn-review"></i>-->
                                <!--<br>-->
                                <!--<i onclick="deleteImg('showServiceProcessPictureFour')" class="layui-icon layui-icon-delete btn-del"></i>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<p><b>></b></p>-->
                            <!--</div>-->
                            <!--<div class="layui-split">&nbsp;</div>-->
                            <!--<div class="layui-inline" style="width: 230px">-->
                                <!--<div class="layui-input-inline" style="width: 230px">-->
                                    <!--<input th:value="${servProductPicture.showServiceProcessPictureFourDesc==null?'':servProductPicture.showServiceProcessPictureFourDesc}" placeholder="图片描述" style="height: 28px;width: 180px;padding-right:10px;" type="text" name="showServiceProcessPictureFourDesc" autocomplete="off"/>-->
                                    <!--&lt;!&ndash;<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"&ndash;&gt;-->
                                           <!--&lt;!&ndash;onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.showServiceProcessPictureFourSort==null?'':servProductPicture.showServiceProcessPictureFourSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="showServiceProcessPictureFourSort" autocomplete="off"/>&ndash;&gt;-->
                                    <!--&lt;!&ndash;                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>&ndash;&gt;-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->

                        <!--<div class="layui-inline">-->
                            <!--&lt;!&ndash;                            <label class="layui-form-label"><span style="color: red"></span></label>&ndash;&gt;-->
                            <!--<div class="layui-upload-drag" id="showServiceProcessPictureFive">-->
                                <!--<input type="hidden" id="showServiceProcessPictureFiveValue" name="showServiceProcessPictureFive">-->
                                <!--<i class="layui-icon"></i>-->
                                <!--<p>点击上传服务流程图5</p>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<i onclick="previewImg('showServiceProcessPictureFiveValue')" class="layui-icon layui-icon-search btn-review"></i>-->
                                <!--<br>-->
                                <!--<i onclick="deleteImg('showServiceProcessPictureFive')" class="layui-icon layui-icon-delete btn-del"></i>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<p><b>></b></p>-->
                            <!--</div>-->
                            <!--<div class="layui-split">&nbsp;</div>-->
                            <!--<div class="layui-inline" style="width: 230px">-->
                                <!--<div class="layui-input-inline" style="width: 230px">-->
                                    <!--<input th:value="${servProductPicture.showServiceProcessPictureFiveDesc==null?'':servProductPicture.showServiceProcessPictureFiveDesc}" placeholder="图片描述" style="height: 28px;width: 180px;padding-right:10px;" type="text" name="showServiceProcessPictureFiveDesc" autocomplete="off"/>-->
                                    <!--&lt;!&ndash;<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"&ndash;&gt;-->
                                           <!--&lt;!&ndash;onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.showServiceProcessPictureFiveSort==null?'':servProductPicture.showServiceProcessPictureFiveSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="showServiceProcessPictureFiveSort" autocomplete="off"/>&ndash;&gt;-->
                                    <!--&lt;!&ndash;                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>&ndash;&gt;-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->


                        <!--<div class="layui-inline">-->
                            <!--&lt;!&ndash;                            <label class="layui-form-label"><span style="color: red"></span></label>&ndash;&gt;-->
                            <!--<div class="layui-upload-drag" id="showServiceProcessPictureSix">-->
                                <!--<input type="hidden" id="showServiceProcessPictureSixValue" name="showServiceProcessPictureSix">-->
                                <!--<i class="layui-icon"></i>-->
                                <!--<p>点击上传服务流程图6</p>-->
                            <!--</div>-->
                            <!--<div class="layui-inline">-->
                                <!--<i onclick="previewImg('showServiceProcessPictureSixValue')" class="layui-icon layui-icon-search btn-review"></i>-->
                                <!--<br>-->
                                <!--<i onclick="deleteImg('showServiceProcessPictureSix')" class="layui-icon layui-icon-delete btn-del"></i>-->
                            <!--</div>-->
                            <!--<div class="layui-split">&nbsp;</div>-->
                            <!--<div class="layui-inline" style="width: 230px">-->
                                <!--<div class="layui-input-inline" style="width: 230px">-->
                                    <!--<input th:value="${servProductPicture.showServiceProcessPictureSixDesc==null?'':servProductPicture.showServiceProcessPictureSixDesc}" placeholder="图片描述" style="height: 28px;width: 180px;padding-right:10px;" type="text" name="showServiceProcessPictureSixDesc" autocomplete="off"/>-->
                                    <!--&lt;!&ndash;<input placeholder="排序" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"&ndash;&gt;-->
                                           <!--&lt;!&ndash;onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" th:value="${servProductPicture.showServiceProcessPictureSixSort==null?'':servProductPicture.showServiceProcessPictureSixSort}" style="text-align:center;height: 28px;width: 35px" type="text" name="showServiceProcessPictureSixSort" autocomplete="off"/>&ndash;&gt;-->
                                    <!--&lt;!&ndash;                                    <button class="layui-btn layui-btn-sm" lay-event="start">保存</button>&ndash;&gt;-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->


                <zmn th:if="${servProductVO.productId > 0 && servProductPicture.productPictureId>0}">
                    <div class="layui-card-header layui-margin-b"><b>其他信息</b></div>

                    <div class="layui-form-item layui-form-item-sm">
                        <label class="layui-form-label">修改人/时间：</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux" th:text="${servProductPicture.updater} + '&nbsp;/&nbsp;' + ${#dates.format(servProductPicture.updateTime, 'yyyy-MM-dd HH:mm:ss')}">修改人/时间</div>
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-item-sm">
                        <label class="layui-form-label">创建人/时间：</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux" th:text="${servProductPicture.creater} + '&nbsp;/&nbsp;' + ${#dates.format(servProductPicture.createTime, 'yyyy-MM-dd HH:mm:ss')}">创建人/时间</div>
                        </div>
                    </div>
                </zmn>

                <div class="layui-form-item submit">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="zmn-form-submit"
                                >保存
                        </button>
                        <a href="/tariffProduct/list.ation" class="layui-btn" text="取消">取消</a>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>

</body>
</html>
<script type="text/javascript" th:inline="javascript">
    var json = {
        servProductPicture: [[${servProductPicture}]],
        servProductVO: [[${servProductVO}]]
    };
    layui.config({
        base: "/static/lay/",
        version:2019092600000
    }).extend({
        index: "lib/index",
        product_picture_tariff_edit_js: "product/tariff/zmn.plat.product.picture.tariff.edit"
    }).use(['index', 'product_picture_tariff_edit_js']);
</script>